@media screen and (max-width: 414px) {
    .header-container, .about, .list-content, .footer-container,.header-footer {
			width:100%;
    }
		.header-number p:nth-child(2){
			font-size:18px;
		}
		.header-footer{
			bottom: -79px;
		}
		.header-desc h3 {
	    font-size: 18px;
		}
		.header-desc h1{
			font-size: 24px;
		}
		.about-left span{
			margin-left:0
		}
		.about-article{
			padding: 0 10px;
		}
		.about-article article{
			font-size: 14px;
		}
		.about-right img{
			width: 100%;
			display:block;
			margin-top:20px;
			/* height: 200px; */
		}
		.about-title{
			width:100%;
			text-align: center
		}
		.header-desc{
			margin: 30px 0 0 10px
		}
		.about{
			margin-top: 80px;
			display: block;
		}
		.header{
			padding-bottom: 14.52%;
	    background-position: 0px 130px;
			height: 90%;
			background-size:100%
		}
		.logo-img{
			width:100%;
			height:100%
		}
		.logo{
			width:150px;
			height:100px
		}
		.scancode {
	    margin-left: -60px;
		}
		.about-title{
			margin-left:0
		}
		.list {
			height: auto;
		}
		.list-bg {
			width: 100%;
			margin: 50% 0;
		}
		.list-container {
			width: 100%;
			margin: 20px 0;
		}
		.list-container div h1 {
			font-size: 10px;
		}
		.product {
			margin-top: 20px;
		}
		.product, .product-list {
			width: 100%;
		}
		.product-list div {
			flex-basis: 33%;
		}	
		.product-list div img {
			width: 100%;
		}
		.product-list div span {
			position: relative;
			bottom: 50%;
			left: 25%;
			font-size: 14px;
		}
		.news-left img{
			width: 100%;
		} 
		.news-left {
			margin-bottom: 20px;
		}
		.news-right {
			margin-left: 0;
			padding: 0 10px;
		}
		.news-list {
			display: flex;
			flex-direction: column;
		}
		.footer-container {
			display: flex;
			flex-direction: column;
		}
		.footer-left {
			/* padding: 20px; */
		}
		.footer-left p{
			font-size: 15px;
		}
		.footer-right {
			background: #2351a8;
			display: flex;
			flex-direction: row-reverse;
			margin-top: 20px;
		}
		.footer-list a {
			display: block;
		}
		.footer-list {
			margin-left: 20px;
			margin-top: 0;
		}
		.footer-list a span {
			margin-left: 0;
		}
		.footer-container{
			height: auto;;
			/* margin-left: 10%; */
			/* margin-right: 20px; */
		}

}
